import { Menu } from 'antd';
import {
  Link
} from 'react-router-dom'

const { SubMenu } = Menu;

export default props => {
  return (
    <div>
      <Menu mode="horizontal">
        <Menu.Item key="main">
          main
        </Menu.Item>
        <SubMenu key="subMenu" title="subMenu">
          <Menu.Item key="setting:1"><Link to="/app1">app1</Link></Menu.Item>
          <Menu.Item key="setting:2"><Link to="/app2">app2</Link></Menu.Item>
        </SubMenu>
      </Menu>
      
      <div id='sub-app-container'>
        {props.children}
      </div>
    </div>
  );
}
